.load-bg{
				position: absolute;
			}
			.load-images{
				width: 240PX;
 				height: 240PX;
 				margin-left: -120px;
 				margin-top: -120px;
 				top:30%;
 				
			}
 			.loadddd{
 				width: 100PX;
 				height: 100PX;
 				/*background-color:red ;*/
 				position: absolute;
 				
 				display: none;
				animation: box 1.5s;
				
				
 			}
			@keyframes box{
				0%{
					width: 240PX;
 					height: 240PX;
					transform: rotate(0deg);
				}
				
				80%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(0deg);
				}
				81%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(-50deg);
					transform-origin:bottom center;
				}
				83%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(50deg);
					transform-origin:bottom center;
				}
				85%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(-50deg);
					transform-origin:bottom center;
				}
				87%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(50deg);
					transform-origin:bottom center;
				}
				89%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(-50deg);
					transform-origin:bottom center;
				}
				91%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(50deg);
					transform-origin:bottom center;
				}
				93%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(-50deg);
					transform-origin:bottom center;
				}
				95%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(50deg);
					transform-origin:bottom center;
				}
				97%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(-50deg);
					transform-origin:bottom center;
				}
				99%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(50deg);
					transform-origin:bottom center;
				}
				100%{
					
					width: 240PX;
 					height: 240PX;
					transform: rotate(0deg);
					transform-origin:bottom center;
				}
				
			}